13.12:H313211 Place distinguishing information at the beginning of headings, paragraphs, lists etc.

Improper design

The example below did not provide information identification; therefore before reading the contents, users will have no idea that the 4 news are the newest information from Genius book shop.

Improper design:

  <UL>
  <LI>recent news 1</LI>
  <LI>recent news 2</LI>
  <LI>recent news 3</LI>
  <LI>recent news 4</LI>
  </UL>

End of example

Proper demonstration

Use title label to provide identifying information for the recent news, so that the users would know that the 4 news are the newest information from Genius book shop.

Proper example:

  <H1>newest information from Genius book shop</H1>
  <UL>
  <LI>recent news 1</LI>
  <LI>recent news 2</LI>
  <LI>recent news 3</LI>
  <LI>recent news 4</LI>
  </UL>

End of example